<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<meta name="viewport"
		content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<!-- common -->
	<link rel="stylesheet" th:href="@{/css/common.css}">
	<!-- element-ui -->
	<link rel="stylesheet" th:href="@{/element-ui/lib/theme-chalk/index.css}">
</head>

<body>
	<div id="app" v-cloak>
		<el-button @click="visible = true">Button</el-button>
		<el-dialog :visible.sync="visible" title="Hello world">
			<p>Try Element</p>
		</el-dialog>
	</div>
</body>
<!--vue -->
<script th:src="@{/vue/dist/vue.js}"></script>
<!-- element-ui -->
<script th:src="@{/element-ui/lib/index.js}"></script>
<script>
	new Vue({
		el: '#app',
		data: function () {
			return { visible: false }
		}
	})
</script>
<style>
	body {
		margin: 0px;
	}
</style>

</html>